{% extends 'base.html' %}
{% load specifications %}

{% block content %}
  <nav aria-label="breadcrumb" class="mt-3">
    <ol class="breadcrumb">
      <li class="breadcrumb-item"><a href="{% url 'base' %}">Главная</a></li>
      <li class="breadcrumb-item"><a href="#">{{ product.category.name }}</a></li>
      <li class="breadcrumb-item active" aria-current="page">{{ product.title }}</li>
    </ol>
  </nav>
  <div class="row">
    <div class="col-md-4">
      <img src="{{ product.image.url }}" class="img-fluid">
    </div>
    <div class="col-md-8">
      <h3>
        {{ product.title }}
      </h3>
      <p>Цена: {{ product.price }} руб.</p>
      <p>Описание: {{ product.description }}</p>
    </div>
    <p class="mt-4">Характеристики:</p>
    {{ product|product_spec }}
{#    {% if product.category.slug == 'notebooks' %}#}
{#      {% include 'notebook_specification.html' %}#}
{#    {% else %}#}
{#      {% include 'smartphone_specification.html' %}#}
{#    {% endif %}#}
  </div>
{% endblock content %}
